<!--
 * @Author: your name
 * @Date: 2021-08-12 15:20:09
 * @LastEditTime: 2021-08-16 20:12:11
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易考拉海购\personal  center.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>personal center</title>
    <link rel="stylesheet" href="./css/personalstyle.css" />
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./index.html">
    <link rel="stylesheet" href="./css/index-motherboard.css">
    <link rel="stylesheet" href="./fonts/font图标/iconfont.css">
    <link rel="stylesheet" href="./css/commit.css">
  </head>
  <body>

         <!-- 网易考拉项目的header开始 -->
    <!-- <header> -->
    <!-- header当中的黑色导航栏 -->
    <div class="div-black">
        <nav class="nav-black">
            <!-- 黑色导航栏的左侧标签和链接 -->
            <div class="nav-black-left">
                <span>考拉欢迎你!</span>
                <a href="./login.html">登录</a>
                <a href="./login.html">免费注册</a>
                <a href="#">手机考拉</a>
            </div>
            <!-- 黑色导航栏的右侧标签和链接 -->
            <ul class="nav-black-right">
                <li><a href="./daily check-in.html">每日签到</a></li>
                <li><a href="#">我的订单</a></li>
                <li>
                    <a href="./personal  center.html">
                        个人中心
                        <ul id="up">
                            <li>我的优惠券</li>
                            <li>我的红包</li>
                            <li>我的考拉豆</li>
                            <li>帐号管理</li>
                            <li>我的实名认证</li>
                            <li>我的发票抬头</li>
                            <li>我收藏的商品</li>
                            <li>我关注的品牌</li>
                            <li>售后管理</li>
                        </ul>
                    </a>
                </li>
                <li><a href="#">客户服务
                        <ul id="up">
                            <li>联系客服</li>
                            <li>帮助中心</li>
                            <li>知识产权保护</li>
                            <li>规则中心</li>
                        </ul>
                    </a></li>
                <li><a href="./recharge.html">充值中心
                        <ul id="up">
                            <li>话费充值</li>
                            <li>游戏充值</li>
                            <li>App Store充值卡</li>
                        </ul>
                    </a></li>
                <li><a href="./consumers rights.html">消费者权益
                        <ul id="up">
                            <li>消费者告知书</li>
                        </ul>
                    </a>
                    <li><a href="#">更多
                        <ul id="up">
                            <li>收藏本站</li>
                            <li>新浪微博</li>
                            <li>微信公众号</li>
                            <li>招商合作</li>
                        </ul>
                    </a>
                        <li><a href="#">视频内容</a></li>
            </ul>
        </nav>
    </div>
    <!-- header中的第二个盒子的设置，主要是logo和搜索栏 -->
    <div class="box w">
        <div class="box-logo">
            <a href="#"><img src="./images/网易考拉logo.png" alt="网易考拉logo"></a>
        </div>
        <div class="box-search">
            <input type="text" placeholder="口红">
            <button><i class="iconfont icon-ai219"></i></button>
        </div>
        <div class="box-shopping-car">
            <button><i class="iconfont icon-gouwuche1"></i> 购物车</button>
        </div>
    </div>
    <!-- header中的第二个盒子结束了 -->
    <div class="nav-red">
        <div class="nav-red-one">
            <i class="iconfont icon-ziyuan114"></i>
            <p> 所有分类
                <ul class="menu">
                    <li><i class="iconfont icon-xiangshui"></i>
                        <a href="#">美容美妆</a>
                    </li>
                    <li><i class="iconfont icon-gouwuche"></i>
                        <a href="#">母婴儿童</a>
                    </li>
                    <li><i class="iconfont icon-changyongicon-"></i>
                        <a href="#">营养保健</a>
                    </li>
                    <li><i class="iconfont icon-xiangji"></i>
                        <a href="#">数码家电</a>
                    </li>
                    <li><i class="iconfont icon-qingjie1-copy"></i>
                        <a href="#">个护家清</a>
                    </li>
                    <li><i class="iconfont icon-yijia"></i>
                        <a href="#">服饰鞋靴</a>
                    </li>
                    <li><i class="iconfont icon-zhinanzhendaohang"></i>
                        <a href="#">运动户外</a>
                    </li>
                    <li><i class="iconfont icon-shizhong"></i>
                        <a href="#">手表配饰</a>
                    </li>
                    <li><i class="iconfont icon-bao"></i>
                        <a href="#">轻奢</a>
                    </li>
                    <li><i class="iconfont icon-shafa"></i>
                        <a href="#">家具生活</a>
                    </li>
                    <li><i class="iconfont icon-hanbao"></i>
                        <a href="#">环球美食</a>
                    </li>
                    <li><i class="iconfont icon-chongwutubiao04"></i>
                        <a href="#">宠物生活</a>
                    </li>
                </ul>
            </p>
        </div>
        <div class="nav-red-two">
            <ul>
                <li>
                    <a href="./index.html" >首页</a></li>
                <li><a href="./oversea.html ">海外直购</a></li>
                <li><a href="./purchased product.html ">考拉海购出品</a></li>
                <li><a href="./milk powder.html ">品质奶粉</a></li>
                <li><a href="./the mask.html ">人气面膜</a></li>
                <li><a href="./recharge.html ">充值</a></li>
            </ul>
        </div>
    </div>
    <!-- </header> -->
    <!-- header母版结束 -->



    
    <div>
      <div  class="area-all">
      <!-- 个人中心头部区域 -->
      <div>
        <!-- 上方列表选择区域 -->
        <div>
            <ul  class="top-menu" >
                <li  class="top-menu-first">所有订单</li>
                <li>待付款</li>
                <li>待发货</li>
                <li>待收款</li>
                <li>待评价</li>
            </ul>
        </div>
        <!-- 左侧列表区域 -->
        <div class="left-area">
            <ul  class="left-menu">
                <h4  class="menu-title">个人中心</h4>
                <li>我的订单</li>
                <li>我的优惠券</li>
                <li>我的红包</li>
                <li>我的考拉豆</li>
                <li>帐号管理</li>
                <li> <a href="./real name authentication.html"> 我的实名认证</a> </li>
                <li>我的发票抬头</li>
                <li>我的收货地址</li>
                <li>我收藏的商品</li>
                <li>我关注的品牌</li>
                <li>售后管理</li>
            </ul>
        </div>
        <!-- 文本搜索区域 -->
        <div class="search-area">
            <input type="search" name="product  search"  id="product" placeholder="输入商品名称或订单号查找" style="width: 204px;height: 30px;" >
            <input type="button" name="button"  id="button"  value="搜索"   style="width: 39px;height: 30px;">
            <div class="order-time"> 下单时间：
                <select name="order-time" id="order-time"  style="width: 120px;height: 30px;font-size: 12px; padding:0  16px;">
                <option value="time">近三个月</option>
                <option value="time">近六个月</option>
                <option value="time">2021年</option>
                <option value="time">2020年</option>
                <option value="time">2019年</option>
                <option value="time">2018年</option>
                <option value="time">2017年</option>
                <option value="time">2016年</option>
                <option value="time">2015年</option>
            </select>
        </div>
        <div class="order-status"> 订单状态：
            <select name="order-status" id="order-status"   style="width: 120px;height: 30px;font-size: 12px; padding:0  16px;">
                <option value="status">全部</option>
                <option value="status">等待买家付款</option>
                <option value="status">待发货</option>
                <option value="status">已发货</option>
                <option value="status">交易完成</option>
                <option value="status">交易失败</option>
                <option value="status">订单失败</option>
            </select>
        </div>
        </div>
        </div>
        
        <!-- 中间图片文字提示区域 -->
            <div class="image-sprites">
                <img src="./images/noOrder.b858f00.jpg" alt="图片加载中.....">
                <div>啊哦，您当前还没有任何订单！</div>
            </div>

        <!-- 右侧固定区域 -->
        <div>

        </div>
      </div>


      <!-- “猜你喜欢”区域 -->
      <div  class="buy-picure">
        <!--“ 猜你喜欢”上方文字 -->
        <div>
            <h4  class="buy-writing">猜你喜欢<span>根据你的浏览记录推荐的商品</span></h4> 
        </div>
        <div class="picture-all">
        <!-- 五张图片的模块 -->
        <div class="picture-one">
            <p><a href="_self"><img src="./images/猜你喜欢/【品牌直采】Swisse斯维诗 男性复合维生素120片 2瓶【提神醒脑，缓解压力】.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">【品牌直采】Swisse斯维诗 男性复合维生素120片 2瓶【提神醒脑，缓解压力】</a></p>
            <p><span>￥476</span></p>
            <p><a href="_self">233人已评价</a></p>
        </div>
        <div class="picture-one">
            <p><a href="_self"><img src="./images/猜你喜欢/SHISEIDO 资生堂旗下 Fino 滋润渗透发膜 230克罐 3件装.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">SHISEIDO 资生堂旗下 Fino 滋润渗透发膜 230克罐 3件装</a></p>
            <p><span>￥145</span></p>
            <p><a href="_self">14851人已评价</a></p>
        </div>
        <div class="picture-one">
            <p><a href="_self"><img src="./images/猜你喜欢/兰雀lacheer 德国进口 脱脂纯牛奶200 12盒 箱.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">兰雀lacheer 德国进口 脱脂纯牛奶200*12盒/箱.jpg</a></p>
            <p><span>￥36</span></p>
            <p><a href="_self">730人已评价</a></p>
        </div>
        <div class="picture-one">
            <p><a href="_self"><img src="./images/猜你喜欢/日本进口 贝亲 pigeon 婴幼儿 桃叶精华洗发沐浴露二合一 450ml 弱酸性护肤.jpg" alt="图片加载中~"   id="shore-photo"></a></p>
            <p><a href="_self">日本进口 贝亲 pigeon 婴幼儿 桃叶精华洗发沐浴露二合一 450ml</a></p>
            <p><span>￥59</span></p>
            <p><a href="_self">4936人已评价</a></p>
        </div>
        <div class="picture-one">
            <p><a href="_self"><img src="./images/猜你喜欢/【张艺兴同款】【经典小辣椒】MAC魅可 子弹头时尚唇膏 chili复古红气质牛血色 新品尤雾弹.jpg" alt="图片加载中~"   id="shore-photo"></a></p>
            <p><a href="_self">【张艺兴同款】【经典小辣椒】MAC魅可 子弹头时尚唇膏 chili复古红气质牛血色 新品尤雾弹</a></p>
            <p><span>￥109</span></p>
            <p><a href="_self">35715人已评价</a></p>
        </div>
    </div>
      </div>


      <!-- “大家都在买”区域 -->
      <div class="buy-picure">
        <!-- “大家都在买”上方文字 -->
        <div>
            <h4  class="buy-writing">大家都在买<span>全网最热门的商品推荐</span></h4>
        </div>
        <div  class="picture-all  picture-two-border">
        <!-- 五张图片的模块 -->
        <div  class="picture-two">
            <p><a href="_self"><img src="./images/大家都在买/SK-II skii 青春露 护肤精华露 精华水（神仙水）230ml毫升.jpg" alt="图片加载中~"   id="shore-photo"></a></p>
            <p><a href="_self">SK-II skii 青春露 护肤精华露 精华水（神仙水）230ml毫升</a></p>
            <p><span>￥899</span></p>
            <p><a href="_self">19151人已评价</a></p>
        </div>
        <div class="picture-two">
            <p><a href="_self"><img src="./images/大家都在买/【3盒装 】Dr.Jart+ 蒂佳婷宛若新生水漾保湿急救面膜.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">【3盒装 】Dr.Jart+ 蒂佳婷宛若新生水漾保湿急救面膜</a></p>
            <p><span>￥138</span></p>
            <p><a href="_self">69880人已评价</a></p>
        </div>
        <div class="picture-two">
            <p><a href="_self"><img src="./images/大家都在买/CPB 肌肤之钥 隔离 妆前乳遮瑕保湿(光采柔滑) 37毫升 新版.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">CPB 肌肤之钥 隔离 妆前乳遮瑕保湿(光采柔滑) 37毫升 新版</a></p>
            <p><span>￥379</span></p>
            <p><a href="_self">1015人已评价</a></p>
        </div>
        <div class="picture-two">
            <p><a href="_self"><img src="./images/大家都在买/【3盒】JMsolution 急救补水针剂面膜 35毫升 片 10片装.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">【3盒】JMsolution 急救补水针剂面膜 35毫升/片 10片装</a></p>
            <p><span>￥111</span></p>
            <p><a href="_self">134136人已评价</a></p>
        </div>
        <div class="picture-two">
            <p><a href="_self"><img src="./images/大家都在买/【17寸商务箱】爱可乐Echolac前开盖机长箱行李箱子拉杆箱旅行箱便携登机箱海关锁空姐箱空乘箱CPT183.jpg" alt="图片加载中~"  id="shore-photo"></a></p>
            <p><a href="_self">【17寸商务箱】爱可乐Echolac前开盖机长箱行李箱子拉杆箱旅行箱便携登机箱海关锁空姐箱空乘箱CPT183</a></p>
            <p><span>￥1499</span></p>
            <p><a href="_self">7人已评价</a></p>
        </div>
    </div>
      </div>
     
      
      <div>
      <!-- 正、低、退、邮 文字显示区域 -->
      <div  class="guarantee">
          <div  class="guarantee-area">
              <ul  class="guarantee-list">
                  <!-- 正品承诺 -->
                  <li>
                      <div>正</div>
                      <span>正品承诺</span>
                      <span>正品保证  假一赔十</span>
                  </li>
                  <!-- 低价保障 -->
                  <li>
                      <div>低</div>
                      <span>低价保障</span>
                      <span>缩减中间环节  确保低价</span>
                  </li>
                  <!-- 30天无忧退货 -->
                  <li>
                      <div>退</div>
                      <span>30天无忧退货</span>
                      <span>国内退货  售后无忧</span>
                  </li>
                  <!-- 满88包邮 -->
                  <li>
                      <div>邮</div>
                      <span>满88包邮</span>
                      <span>部分特殊商品除外</span>
                  </li>
              </ul>
          </div>
      </div>

      <!-- 考拉海购下方新手指南 -->
      <div class="guide">
          <div class="guide-area">
              <ul  class="guide-list">
                <li   class="guide-list-first">
                    <span>
                        <img src="./images/考拉海购下方新手指南/考拉海购关注我们logo.png" alt=""  id="koala-logo">
                    </span>
                    <span>关注我们</span>
                    <span>
                        <img src="./images/考拉海购下方新手指南/微博图标.png" alt=""  id="scan-logo" class="weibo-logo">
                    </span>
                    <span>
                        <img src="./images/考拉海购下方新手指南/微信图标.png" alt=""  id="scan-logo" class="wechat-logo">
                    </span>
                </li>
                  <li  class="guide-text">
                      <span>考拉保障</span>
                      <span>假一赔十</span>
                      <span>廉正举报</span>
                  </li>
                  <li  class="guide-text">
                      <span>新手指南</span>
                      <span>购物流程</span>
                      <span>支付方式</span>
                      <span>通关税费</span>
                      <span>常见问题</span>
                  </li>
                  <li  class="guide-text">
                      <span>售后服务</span>
                      <span>售后政策</span>
                      <span>退货流程</span>
                      <span>特色服务</span>
                      <span>联系客服</span>
                  </li>
                  <li  class="guide-text">
                      <span>物流配送</span>
                      <span>配送方式</span>
                      <span>配送服务</span>
                      <span>运费标准</span>
                      <span>物流跟踪</span>
                  </li>
                  <li  class="guide-text">
                      <span>商家服务</span>
                      <span>招商合作</span>
                      <span>销售联盟</span>
                      <span>商家成长</span>
                  </li>
                  <li  class="guide-text">
                      <span>关于我们</span>
                      <span>联系我们</span>
                      <span>CEO邮箱</span>
                  </li>
                  <li  class="guide-list-last" >
                      <span></span>
                      <span>扫描下载手机版</span>
                  </li>
              </ul>
          </div>
      </div>

      <!-- 底部经营许可证明文字区域 -->
      <div class="license-list">
          <div>
              <a href="#">增值电信业务经营许可证：浙B2-20160288</a>
              <a href="#">（浙）网械平台备字[2018]第00007号</a>
              <a href="#">阿里巴巴版权所有©2003-2021</a>
              <a href="#">隐私政策 - 考拉海购</a>
            </div>
          <div>
              <a href="#">网络文化经营许可证：浙网文（2020）4340-180号 </a>
              <a href="#">浙江省网络食品销售第三方平台提供者备案：浙网食A33010006 </a>
              <a href="#">网络第三方平台规范进口冷链食品承诺函</a>
            </div>
          <div>
              <a href="#"><img src="./images/底部经营许可图标/警徽.png" alt=""   id="police-shield"></a>
              <a href="#"> 浙公网安备 33010802002216号 </a>
              <a href="#"> 互联网药品信息服务资格证书编号（浙）-2017-0027</a>
              <a href="#">浙ICP备16011229号-6</a>
              <a href="#">自营经营者信息</a>
            </div>
            <div>
                <a href="#"><img src="./images/底部经营许可图标/身份验证.png" alt=""  id="authentication"></a>
                <a href="#"><img src="./images/底部经营许可图标/电子营业执照.png" alt=""  id="electronic-license"></a>
            </div>
      </div>
    </div>

    </div>
  </body>
</html>
